<script setup lang="ts">
import { ref, reactive } from "vue";
import { useHomeStore } from "@/stores/home/home";

const homeStore = useHomeStore();

const dialogVisibleChange = () => {
  homeStore.setLoginDialog(false);
};
</script>

<template>
  <div class="login">
    <el-dialog
      v-model="homeStore.loginDialogVisible"
      title="Tips"
      width="30%"
      @close="dialogVisibleChange"
    >
      <span>This is a message</span>
      <template #footer> </template>
    </el-dialog>
  </div>
</template>

<style scoped lang="scss"></style>
